<?php /* Template Name: Contact Us */ ?>
<?php get_header(); ?>
<div class="row">
	<div class="col-md-12">
		<div class="page-header"><?php echo _trans('contact_form.title.contact'); ?></div>
	</div>
</div>
<div class="row">
	<div class="col-md-12 col-xs-12">
		<address>
			<span><strong>GGE Cares.</strong></span>
			<span><abbr title="Phone"><?php echo _trans('contact_form.title.telephone'); ?>:</abbr> (08) 3715 3864.</span>
			<span><abbr title="Email">Email: <a href="mailto:ggecares@gmail.com">ggecares@gmail.com</a></abbr></span>
            <span>
                <abbr title="Address">
                    <?php echo _trans('title.address'); ?>:
                    <?php echo _trans('title.address_text'); ?>
                </abbr>
            </span>
		</address>
	</div><!--end  #contact -->
	<div class="clearfix"></div>
</div>
<div class="row">
	<div class="col-md-6">
		<form role="form" method="POST" id="frm-private-contact">
			<div class="form-group">
				<?php
				$label = _trans('contact_form.title.name');
				$message = _trans('contact_form.validate.name', array($label, 30));
				?>
				<label for="contact-name"><span class='red'>※</span>&nbsp;<?php echo $label; ?></label>
				<input id="contact-name" name="contact[name]" type="text" class="form-control" maxlength="30"
				data-validate="required/alphabet/length(1,30)"
				data-validate-message='<?php echo $message; ?>' />
			</div>
			<div class="form-group">
				<?php
				$label = _trans('contact_form.title.email');
				$message = _trans('contact_form.validate.email', array($label, 100));
				?>
				<label for="contact-email"><span class='red'>※</span>&nbsp;Email</label>
				<input id="contact-email" name="contact[email]" type="text" class="form-control" maxlength="100"
				data-validate="required/email/length(1,100)"
				data-validate-message='<?php echo $message; ?>' />
			</div>
			<div class="form-group">
				<?php
				$label = _trans('contact_form.title.telephone');
				$message = _trans('contact_form.validate.telephone', array($label, 30));
				?>
				<label for="contact-telephone"><span class='red'>※</span>&nbsp;<?php echo $label; ?></label>
				<input id="contact-telephone" name="contact[telephone]" type="text" class="form-control" maxlength="30"
				data-validate="required/numeric/length(1,30)"
				data-validate-message='<?php echo $message; ?>' />
			</div>
			<div class="form-group">
				<?php
				$label = _trans('contact_form.title.your_message');
				$message = _trans('contact_form.validate.your_message', array($label, 400));
				?>
				<label for="contact-message"><span class='red'>※</span>&nbsp;<?php echo $label; ?></label>
				<textarea rows="7" id="contact-message" name="contact[message]" class="form-control" maxlength="400"
				data-validate="required/length(1,400)"
				data-validate-message='<?php echo $message; ?>'></textarea>
			</div>
			<p class="pull-right">(<span class='red'><strong>※</strong></span>&nbsp;<i><?php echo _trans('validate.require'); ?>)</i></p>
			<div class="clearfix"></div>
			<button type="button" action='contact-us' id="btn-private-contact" class="btn btn-primary pull-right">
				<i class="glyphicon glyphicon-ok-sign"></i>
				<?php echo _trans('title.submit'); ?>
			</button>
			<div class="clearfix"></div>
		</form>
	</div>
</div>
<?php get_footer(); ?>